<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" contents = "width=device-width , initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="favicon.png" type="image/x-icon">
    <title>日常用语</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <link rel="stylesheet" media="screen and (min-width: 901px)" href="index.css">
    <link rel="stylesheet" media="screen and (max-width: 900px)" href="small.css" />
    <script src='index.js'></script>
</head>

<body>
    <div class="banner">
        <p class="title">日常用语</p>
        <div class="content">
        <div class="wordItemBox">
			<p class="translate">سالەم</p>
            <p class="word">salem</p><img class="pronounce" src="pronounce.png" alt="voice">
			<p>你好</p>
        </div>
		<div class="wordItemBox">
			<p class="translate">سالەمەتسىز بە</p>
            <p class="word">Сәлеметсіз бе? </p><img class="pronounce" src="pronounce.png" alt="voice">
			<p>你好</p>
        </div>
    </div>
    </div>
    
	
	 

    <audio id="audio" src="hello.mp3"></audio>
</body>
</html>
